<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/web/commons/global.jsp"%>

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />

<title>搜索:${param.keywords }-乾隆大藏经-极乐佛经网-提供大藏经下载大全_佛经念诵_经书抄写_助印经书_经书结缘</title>

<meta name="keywords"
	content="搜索:${param.keywords },乾隆大藏经,极乐佛经登录,极乐佛经,极乐佛经网,极乐佛经官网" />
<meta name="description"
	content="搜索:${param.keywords },乾隆大藏经|极乐佛经登录|极乐佛经|极乐佛经网|极乐佛经官网" />

<link rel="shortcut icon"
	href="${baseUrl }/resources/img/favicon.ico?a=3" type="image/x-icon" />
<link rel="bookmark" href="${baseUrl }/resources/img/favicon.ico?a=3"
	type="image/x-icon" />

<link href="${baseUrl }/resources/bootstrap-3.3.5/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="${baseUrl }/resources/font/Font-Awesome-3.2.1/css/font-awesome.min.css"
	rel="stylesheet" />
<link href="${baseUrl }/resources/layer-v2.4/skin/layer.css"
	rel="stylesheet" />
<link
	href="${baseUrl }/resources/bootstrap-slider-7.1.1/css/bootstrap-slider.min.css"
	rel="stylesheet" />

<link rel="stylesheet" href="${baseUrl }/resources/css/app.css" />
<link rel="stylesheet"
	href="${baseUrl }/resources/css/search/search_list.css" />


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<script src="${baseUrl }/resources/js/jquery-2.1.4.min.js"
	type="text/javascript">
	
</script>
<script type="text/javascript"
	src="${baseUrl }/resources/js/text_overflow.js"></script>
<script src="${baseUrl }/resources/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script src="${baseUrl }/resources/layer-v2.4/layer.js"></script>

</head>

<body>
	<%@ include file="/WEB-INF/jsp/web/commons/header.jsp"%>

	<div class="main-content-wrapper">
		<div class="main-content-wrapper-split">
			<section class="main-content">
				<nav class="breadcrumbs-nav">
					<ol class="breadcrumb breadcrumbs-nav-ol">
						<li class="active">搜索:&nbsp; ${param.keywords }</li>
					</ol>
				</nav>
				<div class="search-content-wrapper">
					<div class="search-main-wrapper">
						<div id="-SEARCH-MAIN-CONTENT-">
							<div class="search-items">
								<c:forEach items="${sources }" var="source">
									<c:choose>
										<c:when test="${source.itemType == 1 }">
											<c:set var="targetUrl"
												value="${baseUrl }/video/${source.id }.html"></c:set>
										</c:when>
										<c:when test="${source.itemType == 2 }">
											<c:set var="targetUrl"
												value="${baseUrl }/audio/${source.id }.html"></c:set>
										</c:when>
										<c:when test="${source.itemType == 6 }">
											<c:set var="targetUrl"
												value="${baseUrl }/book/chapter/${source.id }.html"></c:set>
										</c:when>
										<c:when test="${source.itemType == 7 }">
											<c:set var="targetUrl"
												value="${baseUrl }/article/${source.id }.html"></c:set>
										</c:when>
										<c:otherwise>
											<c:set var="targetUrl" value=""></c:set>
										</c:otherwise>
									</c:choose>

									<a href="${targetUrl }" target="_blank">
										<div class="search-item item-type-${source.itemType }">
											<div class="item-top-wrapper">
												<span class="type">【${source.itemName }】</span>
												<c:if test="${not empty source.coverUrl }">
													<img alt="${source.title }" src="${source.coverUrl }"
														class="img-circle" style="width: 20px; height: 20px;">
												</c:if>
												<span class="title">${source.title }</span>
											</div>
											<div class="item-tips-wrapper">
												<time class="tip-time">${source.showTime }</time>
												<div class="clear-both"></div>
											</div>
											<p class="desc hid">
												<c:if test="${not empty source.coverUrl }">
													<img alt="${source.title }" src="${source.coverUrl }"
														class="img-circle" style="width: 100px; height: 100px;">
												</c:if>
												${source.summary }
											</p>
										</div>
									</a>
								</c:forEach>

							</div>

							<div class="vertical-spacing-30"></div>
							<div class="search-pagination-wrapper">
								<div class="content">
									<ul class="pagination page-ul">

										<c:if test="${pagination.index > 1}">
											<li class="page-item"><a href="javascript:;"
												onclick="getSearchList('${param.keywords }',${pagination.index - 1})">&laquo;</a></li>
											<li class="page-item"><a href="javascript:;"
												onclick="getSearchList('${param.keywords }',1)">首页</a></li>
										</c:if>

										<c:forEach begin="${pagination.index }"
											end="${pagination.index + 7}" varStatus="pageStatus">
											<c:if test="${pageStatus.index <= pagination.pages}">
												<c:choose>
													<c:when test="${pageStatus.first }">
														<li class="page-item cur-page"><a href="javascript:;">${pageStatus.index
																}</a></li>
													</c:when>
													<c:otherwise>
														<li class="page-item"><a href="javascript:;"
															onclick="getSearchList('${param.keywords }',${pageStatus.index })">${pageStatus.index
																}</a></li>
													</c:otherwise>
												</c:choose>
											</c:if>
										</c:forEach>

										<c:if test="${pagination.index < pagination.pages}">
											<li class="page-item"
												onclick="getSearchList('${param.keywords }',${pagination.index + 1})"><a
												href="javascript:;">&raquo;</a></li>
											<li class="page-item"
												onclick="getSearchList('${param.keywords }',${pagination.pages} )"><a
												href="javascript:;">尾页</a></li>
										</c:if>

										<!-- 													<li class="page-item has-more"><a href="javascript:;">&hellip;</a></li> -->
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="vertical-spacing-50"></div>
				</div>
			</section>
			<div class="clear-both"></div>

			<%@ include file="/WEB-INF/jsp/web/commons/footer.jsp"%>

		</div>
	</div>

</body>

<script type="text/javascript">
	var audioId = '${audio.id}';
	var audioSrc = '${audio.playTypes[0].url }';

	//分享配置
	var _BD_TEXT_ = '${audio.title}';
	var _BD_DESC = '${audio.title}--[来自极乐佛经]';
	var _BD_URL = '${baseUrl}/audio/${audio.id}.html';
	var _BD_PIC = '${audio.coverUrl}';

	var _BD_SHARE_COMMON_ = {
		bdText : _BD_TEXT_,
		bdDesc : _BD_DESC,
		bdUrl : _BD_URL,
		bdPic : _BD_PIC
	};
</script>

<script src="${baseUrl }/resources/js/app.js" type="text/javascript">
	
</script>
<script src="${baseUrl }/resources/js/common.js" type="text/javascript"></script>


<script src="${baseUrl }/resources/js/search/search_list.js"></script>
</html>